<template>
	<el-dialog :title="form.modelName" v-model="open" width="800px" @open="initOpen" append-to-body :before-close="close"
		@close="close">
		<el-form ref="ResettlementRef" :model="form" label-width="120px">
			<el-row>
				<el-col :span="12">
					<el-form-item label="模型名称" prop="modelName">
						{{ form.modelName }}
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="是否默认" prop="">
						{{ form.isDefault == '0' ? '否' : '是' }}
					</el-form-item>
				</el-col>
			</el-row>
			<el-row>
				<el-col :span="24">
					<el-form-item label="地区" prop="">
						{{ form.range }}
					</el-form-item>
				</el-col>
			</el-row>
			<el-row>
				<el-col :span="12">
					<el-form-item label="维护人" prop="">
						{{ form.createUserName }}
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="维护人单位" prop="">
						{{ form.orgName }}
					</el-form-item>
				</el-col>
			</el-row>
			<el-row>
				<el-col :span="6" class="tab-title">
					{{ form.modelName }}
				</el-col>
			</el-row>
			<el-row>
				<el-col :span="20" :offset="2">
					<div style="margin-top:10px;line-height: 30px;">
						<p style="text-indent: 2em;">逻辑斯蒂模型是指基于坡度和烈度因子与地震滑坡密度关系，针对不同坡度段以逻辑斯蒂函数建立模型，拟合滑坡密度，用以评估地震滑坡危险性的方法。</p>
						<p>
							<div>1、将坡度分为≤1°、1° ～ 3°、3° ～ 7°、7° ～ 10°、10° ～ 15°、15° ～ 20°、20° ～ 25°、25° ～ 30°、30° ～ 35°、35° ～ 40°、40° ～ 45°、45° ～ 50°、 ＞ 50°共 13 个等级。</div>
							<div>2、利用逻辑斯蒂模型分别计算任务区域不同烈度条件下，不同坡度范围内，滑坡密度。</div>
							<div>3、按照地震滑坡密度等级划分，对任务区滑坡危险性进行综合评价。</div>
						</p>
						<p>不同坡度下的地震滑坡密度逻辑斯蒂模型：</p>
						<p>
							<table align="center" style="width: 100%;border-collapse: collapse;">
								<tr>
									<td style="width: 100px;" align="center" valign="middle">坡度范围</td>
									<td align="center" valign="middle" colspan="2">逻辑斯蒂模型</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">≤1°</td>
									<td align="center" valign="middle">Y=1/(1+exp(8.22178-0.34329x))</td>
									<td align="center" valign="middle">OR=1.409577</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">1° ～ 3°</td>
									<td align="center" valign="middle">Y=1/(1+exp(9.27905-0.63448x))</td>
									<td align="center" valign="middle">OR=1.884096</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">3° ～ 7°</td>
									<td align="center" valign="middle">Y=1/(1+exp(11.3983-0.916239x))</td>
									<td align="center" valign="middle">OR=2.499872</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">7° ～ 10°</td>
									<td align="center" valign="middle">Y=1/(1+exp(10.6025-0.849128x))</td>
									<td align="center" valign="middle">OR=2.337608</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">10° ～ 15°</td>
									<td align="center" valign="middle">Y=1/(1+exp(10.3517-0.852482x))</td>
									<td align="center" valign="middle">OR=2.345462</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">15° ～ 20°</td>
									<td align="center" valign="middle">Y=1/(1+exp(10.0078-0.847624x))</td>
									<td align="center" valign="middle">OR=2.334094</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">20° ～ 25°</td>
									<td align="center" valign="middle">Y=1/(1+exp(9.19721-0.789875x))</td>
									<td align="center" valign="middle">OR=2.203122</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">25° ～ 30°</td>
									<td align="center" valign="middle">Y=1/(1+exp(9.68142-0.852073x))</td>
									<td align="center" valign="middle">OR=2.344501</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">30° ～ 35°</td>
									<td align="center" valign="middle">Y=1/(1+exp(9.65106-0.8847x))</td>
									<td align="center" valign="middle">OR=2.422259</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">35° ～ 40°</td>
									<td align="center" valign="middle">Y=1/(1+exp(10.1154-0.968573x))</td>
									<td align="center" valign="middle">OR=2.634182</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">40° ～ 45°</td>
									<td align="center" valign="middle">Y=1/(1+exp(10.1773-1.012792x))</td>
									<td align="center" valign="middle">OR=2.753278</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">45° ～ 50°</td>
									<td align="center" valign="middle">Y=1/(1+exp(9.89683-1.007739x))</td>
									<td align="center" valign="middle">OR=2.939400</td>
								</tr>
								<tr>
									<td style="width: 100px;" align="center" valign="middle">＞ 50°</td>
									<td align="center" valign="middle">Y=1/(1+exp(9.80003-0.989653x))</td>
									<td align="center" valign="middle">OR=2.690301</td>
								</tr>
							</table>
						</p>
						<p>地震滑坡危险等级划分：</p>
						<table align="center" style="width: 100%;border-collapse: collapse;">
								<tr>
									<td style="width: 50px;" align="center" valign="middle">序号</td>
									<td style="width: 80px;" align="center" valign="middle">地震滑坡<br/>危险等级</td>
									<td style="width: 80px;" align="center" valign="middle">综合评价</td>
									<td style="width: 100px;" align="center" valign="middle">滑坡密度值范围</td>
									<td align="center" valign="middle">滑坡现象</td>
								</tr>
								<tr>
									<td style="width: 50px;" align="center" valign="middle">1</td>
									<td style="width: 80px;" align="center" valign="middle">一级</td>
									<td style="width: 80px;" align="center" valign="middle">几无</td>
									<td style="width: 100px;" align="center" valign="middle">（0-0. 01]</td>
									<td valign="middle">无滑坡现象</td>
								</tr>
								<tr>
									<td style="width: 50px;" align="center" valign="middle">2</td>
									<td style="width: 80px;" align="center" valign="middle">二级</td>
									<td style="width: 80px;" align="center" valign="middle">轻微</td>
									<td style="width: 100px;" align="center" valign="middle">（0.01-0.03]</td>
									<td valign="middle">有些零星的落石、塌方现象，个别地方可能造成短暂的交通破坏，地震滑坡造成人畜伤亡的可能性很低，地震滑坡影响的道路、河流、电力、通信等设施在简易处置后可以很快恢复使用。</td>
								</tr>
								<tr>
									<td style="width: 50px;" align="center" valign="middle">3</td>
									<td style="width: 80px;" align="center" valign="middle">三级</td>
									<td style="width: 80px;" align="center" valign="middle">中等</td>
									<td style="width: 100px;" align="center" valign="middle">（0.03-0.09]</td>
									<td valign="middle">有可能造成交通破坏和房屋受损，有出现地震滑坡造成人畜伤亡的可能，受地震滑坡影响的道路、河流、生命线工程等可以快速抢诵通常情况下1天内能大部分恢复使用。</td>
								</tr>
								<tr>
									<td style="width: 50px;" align="center" valign="middle">4</td>
									<td style="width: 80px;" align="center" valign="middle">四级</td>
									<td style="width: 80px;" align="center" valign="middle">严重</td>
									<td style="width: 100px;" align="center" valign="middle">（0.09-0.27]</td>
									<td valign="middle">造成严重的交通中断断、房屋受损的较大可能性，甚至出现滑坡造成大量人员死亡的可能，受地震滑坡影响，可能需要数天的抢修才好基本恢复交通，在降水丰富和河流密集地区出现地震滑坡一堰塞湖、地震滑坡一泥石流等次生灾害链的可能性也较大，有关部门应该根据地震影响区域人口密度等因素考虑是否提高启动的应急响应等级。</td>
								</tr>
								<tr>
									<td style="width: 50px;" align="center" valign="middle">5</td>
									<td style="width: 80px;" align="center" valign="middle">五级</td>
									<td style="width: 80px;" align="center" valign="middle">特重</td>
									<td style="width: 100px;" align="center" valign="middle">大于0.27</td>
									<td valign="middle">可能造成特别严重的交通中断、房屋受损和人员伤亡，在降水丰富和河流密集地区出现地震滑坡一堰塞湖、地震滑坡一泥石流等次生灾害链的可能性特别大，地震滑坡造成的 交通、河流、电力、通信等破坏往往需要十余天甚至数十天才能修复，有关部门应该考虑提高启动的应急响应等级。</td>
								</tr>
							</table>
					</div>
				</el-col>
			</el-row>
		</el-form>
		<template #footer>
			<div class="dialog-footer">
				<el-button type="primary" @click="close">关闭</el-button>
			</div>
		</template>
	</el-dialog>
</template>
<script setup>
import { getResettlementModelById } from '@/api/earthquakeLossesEstimation/earthquakeSetting'

const props = defineProps({
	open: Boolean,
	id: {
		type: String,
		default: ''
	}
})
const emits = defineEmits(['update:open'])
const data = reactive({
	form: {
		modelName: '逻辑斯蒂滑坡模型',
		isDefault: '1',
		createUserName: '系统默认',
		orgName: '系统默认',
		updateTime: '2022-11-08',
		createTime: '2022-11-08',
		range: '需满足坡度数据完备时使用'
	}
})
const { form } = toRefs(data)
// // 查询模型详情
// const getModelDetail = () => {
// 	getResettlementModelById(props.id).then(res => {
// 		if (res.code == 200) {
// 			res.data && (form.value = res.data)
// 		}
// 	})
// }

const initOpen = () => {
	// getModelDetail()
}
const close = () => {
	emits('update:open', false)
}
</script>
<style scoped lang="scss">
.el-form {
	padding-top: 20px;

	.el-form-item {
		margin-bottom: 0;
	}
}

.tab-title {
	font-size: 16px;
	font-weight: bold;
	border-left: 4px solid var(--el-color-primary);
	font-family: PingFangSC-Medium;
	padding-left: 10px;
	margin: 10px 0;
}

#lineTd {
	background: #fff url() no-repeat 100% center;
}

table td {
	border: 1px solid #c6c6c6;
}
</style>